<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="MobileOptimized" content="320"/>
    <title>{$page_title}</title>
    <link rel="stylesheet" type="text/css" href="themes/new/css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="themes/new/css/main0820.css"/>
     <script src="./css/jquery-1.4.2.min.js"></script>
</head>
<style>
.index_banner{width: 320px;height: 165px;overflow: hidden;01}

.index-banner ul{
            width: 1600px;
            left: 0;
            position: relative;
            list-style:none;
            margin:0;
            padding:0; }
index-banner ul li {
                margin: 0;
                width: 320px;
                height: 165px;
                float: left; }
.index-banner ul li img {
                    width: 320px;}
#num ul {
            margin: 0 10px 0 0;
            padding: 0;
            height: 5px;
            position:relative;
            top:-10px; }
#num ul li {
            float:right;
            width:20px;
            height:5px;
            background:white;
            margin:0 3px;}
#num ul li.current {
                    background: #f437f6;}
.index_banner ul li p {
                background-color:rgba(157, 151, 151, 0.46);
                height:30px;
                top:-40px;
             
                position:relative;
                z-index:100;}
</style>
 <script>
        $(function () {
            var i =1;
            function huandeng() {

                $(".index-banner ul").animate({ "left": "-=320px" }, 400, function () {
                    $(this).css("left","0").children("li").last().after($(this).children("li").first());

                });
                i--;
                $("#num ul li:eq(" + i + ")").addClass("current").siblings().removeClass("current");
                
                if (i == 0)
                {
                    i = 2;
                }
            }
            setInterval(huandeng, 2000);
        })
    </script>
<body>

<div class="index_banner">
<ul>
<li><img src="images/1.jpg" /></li>
<li><img src="images/2.jpg" /></li>
</ul>
</div>

 <div id="num">
            <ul>
                <li></li>
                <li></li>
               
            </ul>
        </div>



<!--<div class="left_bar"></div>




<div class="right_bar"</div>




<div class="footer"</div>
-->




</body>
</html>
